import React, { useState, useEffect } from 'react'
import { Button, SearchBar, Space,Swiper, Toast,Ellipsis,NavBar } from 'antd-mobile'
import { SearchOutline, SetOutline } from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'
import { Refresh,Add,Order,Star,Loading2,Power,Search } from '@nutui/icons-react'
import { BackTop, Cell,FixedNav  } from '@nutui/nutui-react'
import '@nutui/nutui-react/dist/style.css'
import '../css/Main.css'
import ButtomBar from '../../sjc/components/ButtomBar'
import axios from 'axios'
export default function Gnye() {
    const nav = useNavigate()
    const back = () =>{
        nav(-1)
    }
  return (
    <div>
        <NavBar onBack={back} style={{
                    '--height': '46px',
                    '--border-bottom': '2px #ccc solid',
                    position:'fixed',
                    top:'0',
                    width:'100%',
                    background:'#eae9e5'
                  }}><span style={{fontSize:'20px',color:'#f0d5b8',fontWeight:'bolder'}}>自定义功能</span></NavBar>
        <div style={{width:'100%',height:'46px'}}></div>
        <div style={{width:'100%',height:'100vh',background:'#e2e1df',overflow:'scroll'}}>
            <div style={{width:'88%',height:'100vh',margin:'auto',overflow:'scroll'}}>
                <br />
                <div onClick={()=>{window.location.reload()}} style={{width:'100px',height:'100px',textAlign:'center',paddingTop:'30px',
            border:'2px dashed orange',float:'left',margin:'10px'}}>
                    <Refresh height="30px" width='30px' color='orange'/> 
                    <br />
                    <span style={{color:'orange'}}>刷新</span>
                </div>
                <div onClick={()=>{nav('/myorder', {state:{state: '全部'}})}} style={{width:'100px',height:'100px',textAlign:'center',paddingTop:'30px',
            border:'2px dashed orange',float:'left',margin:'10px'}}>
                    <Order height="30px" width='30px' color='orange'/> 
                    <br />
                    <span style={{color:'orange'}}>订单</span>
                </div>
                <div onClick={()=>{nav('/collection')}} style={{width:'100px',height:'100px',textAlign:'center',paddingTop:'30px',
            border:'2px dashed orange',float:'left',margin:'10px'}}>
                    <Star height="30px" width='30px' color='orange'/> 
                    <br />
                    <span style={{color:'orange'}}>收藏</span>
                </div>
                <div onClick={()=>{nav('/signin')}} style={{width:'100px',height:'100px',textAlign:'center',paddingTop:'30px',
            border:'2px dashed orange',float:'left',margin:'10px'}}>
                    <Power height="30px" width='30px' color='orange'/>
                    <br />
                    <span style={{color:'orange'}}>签到</span>
                </div>
                <div onClick={()=>{nav('/search')}} style={{width:'100px',height:'100px',textAlign:'center',paddingTop:'30px',
            border:'2px dashed orange',float:'left',margin:'10px'}}>
                    <Search height="30px" width='30px' color='orange'/>
                    <br />
                    <span style={{color:'orange'}}>搜索</span>
                </div>
            </div>
           
        </div>
        
    </div>
  )
}
